@import "compass/reset"
@import "compass"

$fontAwesomePath: "../../fonts"
@import 'fonts/font-awesome'
@import 'fonts/general_foundicons'


$rs_blue: #6495dc
$topbar-bg: #444
$column-gutter: emCalc(0px)
$switch-positive-color: $rs_blue

@import '../../components/foundation/scss/foundation'

@import 'view_base'
@import 'switch'
//@import 'range'
@import 'chart'
@import 'sim'

// @mixin hd-bg {
//   background: #666 !important;
//   background: linear-gradient(#666, #333) !important;
// }
// @mixin hd-bg-active {
//   background: #444 !important;
//   background: linear-gradient(#444, #000) !important;
// }

.fd-slider-bar
  background-color: #eee

.fd-slider-range 
  background-color: $rs_blue

.fd-slider-handle
  width: 16px
  height: 16px
  margin: -2px 0 0 1px

.fd-form-element-hidden, input.fd-form-element-hidden
  display: none


#footer
  .top-bar-section .dropdown
    bottom: 30px

.top-bar 
  margin-bottom: 0

.top-bar-section 
  li.disabled 
    &:hover a 
      background: $topbar-bg
      cursor: default
  .divider 
    border-left: solid 0px lighten($topbar-dropdown-bg, 10%) !important
    border-right: solid 2px $rs-blue !important
  #frq-input
    @include border-radius(15px)
    background: #ccc
    font-weight: bold
    font-size: 26px
    width: 180px
    line-height: 30px
    height: 30px
    text-align: center
  a
    color: #ddd !important
  i
    font-size: 15px
    font-weight: normal
  .dropdown li a 
    opacity: 0.85

#header 
  .title 
    color: $rs_blue
    font-size: 12px
    font-weight: normal
    text-align: center
    line-height: 20px
  .value 
    color: #ddd
    height: 25px
    @include min-height(25px)
    line-height: 25px
    font-weight: normal
    text-align: center

#map 
  @include rotate(0)

#map .olControlScaleLine 
  left: auto
  right: 10px

body 
  font-family: Helvetica, "lucida grande",tahoma,verdana,arial,sans-serif


@-webkit-keyframes blinker 
  from
    opacity: 1.0
  to
    opacity: 0.0

.css3-blink
  color: lighten(red, 20%)
  -webkit-animation-name: blinker
  -webkit-animation-iteration-count: infinite
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0)
  -webkit-animation-duration: 1s

.audio-volume
  .slider
    visibility: hidden
  &:hover
    .slider
      visibility: visible
